$shadow_default_blur: 8px !default;
$shadow_default_x: 2px !default;
$shadow_default_y: 2px !default;
$shadow_default_color: #bbb !default;

@mixin box-shadow($x: $shadow_default_x, $y: $shadow_default_y, $blur: $shadow_default_blur, $color: $shadow_default_color) {
  box-shadow: $x $y $blur $color;
  -webkit-box-shadow: $x $y $blur $color;
}

@mixin no-box-shadow {
  box-shadow: 0px 0px 0px transparent;
  -webkit-box-shadow: 0px 0px 0px transparent;
}
